<template>
    <my-div class="login">
      <div class="logo">
        <image style="width:150px;height:90px;" src="root:img/logo@2x.png"></image>
        <text style="color:rgba(60,71,98,1);font-size:30px;margin-top:34px;">您的第一个智能钱包</text>
      </div>
      <div class="login-form">
        <div class="login-btn" @click="push('root:pages/login/create.js')">
          <text style="color:rgba(70,120,245,1);font-size:24px;text-align: center;line-height:90px;
          ">创建钱包</text>
        </div>
        <div class="login-btn"  @click="push('root:pages/login/import_word.js')">
          <text style="color:rgba(70,120,245,1);font-size:24px;text-align: center;line-height:90px;
          ">导入钱包</text>
        </div>
      </div>
  </my-div>
</template>

<script>
export default {
  name: '',
  data() {
    return {
    }
  },
  components: {},
  created() {
    var page=weex.requireModule("page")
    page.doubleBack()
    page.setBackKeyCallback(()=>{
        page.enableBackKey(true);
    })
  },
  methods: {
  }
}
</script>
<style scoped>
.login{
  width: 750px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.logo{
  width: 750px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 300px;
}
.login-form{
  width: 750px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 120px;

}
.login-btn{
  width: 530px;
  height: 90px;
  background-color: rgba(70,120,245,.2);
  border-radius: 20px;
  margin-top: 40px;
}
</style>